function tab(obj,index){
	obj.find('ol li').removeClass('active');
	obj.find('ol li').eq(index).addClass('active');

	obj.find('ul li').removeClass('active');
	obj.find('ul li').eq(index).addClass('active');
}

function sepbanner(obj){
	var index = 1;
	var classData = []
	$(obj).find('.bind-pert').click(function(){
		$(obj).find('.item').each(function(i,elemt){
			classData[i] = Number($(elemt).attr('class').slice('-1')) - 1;
			if(classData[i] < 1){
				classData[i] = $(obj).find('.item').length;
			}
			console.log(classData[i])
			$(elemt).removeClass($(elemt).attr('class').slice('-6'));
			$(elemt).addClass('item-'+classData[i]);
		})
	})

	$(obj).find('.bind-next').click(function(){
		$(obj).find('.item').each(function(i,elemt){
			classData[i] = Number($(elemt).attr('class').slice('-1')) + 1;
			if(classData[i] > $(obj).find('.item').length){
				classData[i] = 1;
			}
			console.log(classData[i])
			$(elemt).removeClass($(elemt).attr('class').slice('-6'));
			$(elemt).addClass('item-'+classData[i]);
		})
	})
}


$(function(){
	$('.tab ol li').click(function(){
		new tab($(this).parents('.tab'),$(this).index());
	})

	var SPE_banner1 = new sepbanner('.sepbanner-1');
	var SPE_banner2 = new sepbanner('.sepbanner-2');
	var SPE_banner3 = new sepbanner('.sepbanner-3');
})